<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="UTF-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>注册页面</title>
</head>

<body>
  <div class="app-register dpflex fdcolumn">
    <!-- 密码登录 -->
    <div class="p-login">密码登录</div>
    <!-- 登录注册 -->
    <div class="re-login dpflex fw">
      <p class="re-title">手机号登录/注册</p>
      <p class="re-font">快速找到好友，一站式记录你的运动</p>
    </div>

    <!-- 注册信息 -->
    <div class="re-messige dpflex fw">
      <div class="reg-box">
        <input id="account" type="text" placeholder="+86 请输入手机号">
      </div>

      <div class="reg-box dpflex">
        <input id="captChaCode" type="text" placeholder="请输入验证码">
        <canvas class="captcha" id="captcha"></canvas>
      </div>

      <div class="reg-box">
        <input id="password" type="text" placeholder="请输入密码">
      </div>

      <div class="reg-box">
        <input id="checkPassword" type="text" placeholder="再次输入密码">
      </div>

      <div class="reg-box">
        <button id="submitBtn">注册账号</button>
      </div>

      <div class="re-wechat dpflex">
        <a href="#">
          <span class="iconfont icon-weixin"></span>
          微信注册
        </a>
      </div>
      <!-- 错误提醒 -->
      <div class="err-msg">
        <p  id="errMsg"></p>
      </div>

      <!-- 加油语句 -->
      <p class="re-fighting dpflex fw advert-come animate__animated animate__zoomInDown animate__delay-1s animate__slow">— Reful effort! —</p>
    </div>
  </div>
  <!-- 引入axios -->
  <!-- <script src="../libs/axios/axios.js"></script> -->
  <!-- 引入js -->
  <!-- <script src="../js/register.js"></script> -->
</body>

</html>